<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/product.css">
    <link rel="stylesheet" href="../lib/font/iconfont.css">
    <link rel="stylesheet" href="../css/02-reset.css">
    <link rel="stylesheet" href="../lib/swiper/swiper-bundle.min.css">
</head>

<body>
    <!--客服接待  -->
    <div class="top-header">
        <div class="box">
            <div class="box1">客服接待时间：9:00-22:00</div>
            <div class="box2">
                <ul>
                    <li class="store-items">
                        <span class="iconfont icon-location"></span>
                        <div>线下门店</div>
                    </li>
                    <li class="online-service">
                        <span class="iconfont icon-liaotiankuang"></span>
                        <div>在线客服</div>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- 导航栏 -->
    <div class="banner">
        <div class="banner-con">
            <div class="logo">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="navigation">
                <ul>
                    <li>
                        <a href="">男子</a>
                    </li>
                    <li>
                        <a href="">女子</a>
                    </li>
                    <li>
                        <a href="">儿童</a>
                    </li>
                    <li>
                        <a href="">系列</a>
                    </li>
                    <li>
                        <a href="">新品</a>
                    </li>
                    <li>
                        <a href="">联名款</a>
                    </li>
                    <li>
                        <a href="">明星同款</a>
                    </li>
                </ul>
            </div>
            <form action="">

                <input type="text" placeholder="搜索">
                <span class="iconfont icon-fangdajing"></span>
            </form>
            <div class="login">
                <i class="iconfont icon-tuoyuan1fuben2-copy-copy
                    "></i>
                <div class="singin">
                    <div class="user-login">登录</div>
                    <div class="user-register">注册</div>
                </div>

            </div>
            <div class="car">
                <i class="iconfont icon-gouwuche"></i>
                <span>0</span>
                <p>购物车</p>
            </div>
        </div>
    </div>
    <!-- 目录栏 -->
    <div class="breadcrumb">
        <div class="breadcrumb-con">
            <a href="">男子</a>
            <a href="">服装</a>
            <a href="">上衣/T恤</a>
            <span>SHORTSLEEVEPOLO</span>

        </div>



    </div>
    <!-- 中间的商品购买 -->
    <div class="primary">
        <div class="primary-con">
            <div class="con1">
                <div class="slick">
                    <div class="box1"><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_1.jpg" alt=""></div>
                    <div class="box2"><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_2.jpg" alt=""></div>
                    <div class="box3"><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_3.jpg" alt=""></div>
                    <div class="box4"><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_4.jpg" alt=""></div>
                    <div class="box5"><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_5.jpg" alt=""></div>
                    
                </div>
                <div class="bigImg">
                    <li><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_1.jpg" alt=""></li>
                    <li><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_2.jpg" alt=""></li>
                    <li>><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_3.jpg" alt=""></li>
                    <li><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_4.jpg" alt=""></li>
                    <li><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/small/color_0018_5.jpg" alt=""></li>
                </div>

            </div>

            <div class="con2">
                <div class="product-tag">
                    <img src="https://store.skechers.cn/on/demandware.static/-/Library-Sites-SkechersSharedLibrary/zh_CN/dwa126533e/product/producttags/new.png" alt="">
                </div>
                <div class="product-title">
                    <h1>SHORTSLEEVEPOLO</h1>
                    <div class="product-category">男子针织短袖POLO衫</div>
                </div>
                <div class="price">
                        <span class="price-standard">¥239.00</span>
                        <span class="price-sales">¥199.00</span>
                    
                </div>
                <div class="product-number is-pc">
                        货号： <span>L221M009</span>
                    </div>
                    <div class="slick-track">
                        <div><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/swatch/color_0018_1.jpg" alt=""></div>
                        <div><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/swatch/color_0019_1.jpg" alt=""></div>
                        <div><img src="https://sig.skechers.cn/goods_image_color/210313-8914/l221m009/swatch/color_004q_1.jpg" alt=""></div>
                    </div>
                    <form action="">
                        <div class="attr-name">
                                <span>尺码</span>
                                <i class="fa fa-angle-down"></i>
                        </div>
                        <div class="quantity">

                        </div>
                    </form>


            </div>
        </div>
    </div>

    <script src="./lib/swiper/swiper-bundle.min.js"></script>
    <script src="./js/product.js"></script>
</body>

</html>